<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- css -->
    <link rel="stylesheet" href="../css/common.css">

    <link rel="stylesheet" href="../css/index.css">
    <!-- jQuery -->
    <script src="../js/jQuery.js"></script>
    <!-- 顶部数据 -->
    <script src="../js/listData.js"></script>
    <!-- <script src="../js/banner.js"></script> -->
    <!-- css -->
    <link rel="stylesheet" href="../css/listData.css">
    <!-- 加载内容 轮播图内容-->
    <script src="../js/goodsList.js"></script>
    <!-- 底部内容 -->
    <link rel="stylesheet" href="../css/footer.css">

</head>

<body>
    <div class="head ">
        <div class="w">
            <div class="left    ">
                <a href="">小米商城</a><span>|</span>
                <a href="">MIUI</a><span>|</span>
                <a href="">IoT</a><span>|</span>
                <a href="">云服务</a><span>|</span>
                <a href="">天星数科 </a><span>|</span>
                <a href="">有品</a><span>|</span>
                <a href="">小爱开放平台</a><span>|</span>
                <a href="">企业团购</a><span>|</span>
                <a href="">资质证照</a><span>|</span>
                <a href="">协议规则</a><span>|</span>
                <a href="">下载app</a><span>|</span>
                <a href="">智能生活</a><span>|</span>
                <a href="">Select Location</a>
            </div>

            <div class="shop">
                <img src="../images/gwc.png" alt="" style="width: 22px;
                height: 20px;vertical-align: middle; ">
                <a href="goodsCase.html"> 购物车(0)</a>
            </div>
            <div class=" login">
                <a href="denglu.html">登录</a><span>|</span>
                <a href="">注册</a><span>|</span>
                <a href="">消息通知</a>
            </div>
        </div>
    </div>
    <!-- 导航栏 -->
    <div class="nav ">
        <div class="w">
            <div class="logo">
                <a href="../index/index.html">
                    <img src="../images/mi-logo.png" alt="">
                </a>
            </div>
            <div class="navBat">
                <ul class="navBat-ul">
                    <li class="nav-category"><a href="">全部商品列表</a>
                        <div class="site-category"
                            style="display: none; border:1px solid #ff6700 ;background-color: #fff;">
                            <ul id="left-nav">
                                <!--   <li><a href="">
                                        <span>手机</span>
                                        <span>电话卡</span>
                                        <i>> </i>
                                    </a>
                                    <div class="slider">
                                        <ul>
                                            <li><a href=""><img src="images/01.webp" alt=""><span>小米11</span></a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li><a href="">
                                        <span>电视</span>
                                        <span>盒子</span>
                                        <i>> </i>
                                    </a></li>
                                <li><a href="">
                                        <span>生活</span>
                                        <span>箱包</span>
                                        <i>> </i>
                                    </a></li>-->
                            </ul>
                        </div>
                    </li>
                    <!-- <li><a href=""> 小米手机</a>
                        <div class="pop ">
                            <div class="w">
                                <ul>
                                    <li>
                                        <img src="../images/963679eaf3937351e154600ab3448460.webp" width="160px"
                                            height="110px">
                                        <h4>小米10 青春版</h4>
                                        <p>1899元起</p>
                                        <i></i>
                                    </li>
                                    <li><img src="../images/963679eaf3937351e154600ab3448460.webp" width="160px"
                                            height="110px">
                                        <h4>小米10 青春版</h4>
                                        <p>1899元起</p>
                                        <i></i>
                                    </li>
                                    <li><img src="../images/963679eaf3937351e154600ab3448460.webp" width="160px"
                                            height="110px">
                                        <h4>小米10 青春版</h4>
                                        <p>1899元起</p>
                                        <i></i>
                                    </li>
                                    <li><img src="../images/963679eaf3937351e154600ab3448460.webp" width="160px"
                                            height="110px">
                                        <h4>小米10 青春版</h4>
                                        <p>1899元起</p>
                                        <i></i>
                                    </li>
                                    <li><img src="../images/963679eaf3937351e154600ab3448460.webp" width="160px"
                                            height="110px">
                                        <h4>小米10 青春版</h4>
                                        <p>1899元起</p>
                                        <i></i>
                                    </li>
                                    <li><img src="../images/963679eaf3937351e154600ab3448460.webp" width="160px"
                                            height="110px">
                                        <h4>小米10 青春版</h4>
                                        <p>1899元起</p>
                                        <i></i>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </li>-->
                    <!-- <li><a href="">Redmi 红米</a></li>
                    <li><a href=""> 电视</a></li>
                    <li><a href="">笔记本</a></li>
                    <li><a href=""> 家电</a></li>
                    <li><a href=""> 路由器</a></li>
                    <li><a href="">智能硬件</a></li> -->
                    <!-- <li><a href=""> 服务</a></li>
                    <li><a href="">社区</a></li> -->

                </ul>

            </div>
            <div class="search">

                <input type="text" class="inp" id="inp">
                <input type="submit" value="" class="sub">

            </div>
        </div>
    </div>
    <!-- 轮播图 -->
    <div class="main">
        <div class="slide">
            <a href="#"><img
                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a185350fb3fd731d97f85e377fa34c0a.jpg?w=5120&h=1240&bg=DDE6F5"></a>
            <a href="#"><img
                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a185350fb3fd731d97f85e377fa34c0a.jpg?w=5120&h=1240&bg=DDE6F5"></a>
            <a href="#"><img
                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a185350fb3fd731d97f85e377fa34c0a.jpg?w=5120&h=1240&bg=DDE6F5"></a>
            <a href="#"><img
                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a185350fb3fd731d97f85e377fa34c0a.jpg?w=5120&h=1240&bg=DDE6F5"></a>

        </div>
    </div>


    <div class=" conent">
        <div class="w conents">
            <h3>明星产品</h3>

            <!-- <div class="row">
                <div class="row-left row-box">
                    <a href="">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8bcc4ade3bb9454c6ff6aa248af39134.jpg"
                            alt="">
                        <div>
                            <h3>Redmi K40</h3>
                            <p>骁龙870，新一代 E4 AMOLED旗舰直屏 </p>
                            <p class="price"><strong>1999</strong>元起</p>
                    </a>

                </div>
            </div>
            <div class="row-left row-box">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8bcc4ade3bb9454c6ff6aa248af39134.jpg" alt="">
                <div>
                    <h3>Redmi K40</h3>
                    <p>骁龙870，新一代 E4 AMOLED旗舰直屏 </p>
                    <p class="price"><strong>1999</strong>元起</p>
                </div>
            </div> -->
        </div>
    </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="site-footer">
            <div class="footer-service w">
                <ul>
                    <li><a href="">预约维修服务</a></li>
                    <li><a href="">7天无理由退货</a></li>
                    <li><a href="">15天免费换货</a></li>
                    <li><a href="">满99元包邮</a></li>
                    <li><a href=""> 520余家售后网点</a></li>
                </ul>
            </div>
            <div class="footer-help w">
                <dl>

                    <dt>帮助中心</dt>
                    <dd><a href="#">账户管理</a></dd>
                    <dd> <a href="#">购物指南</a></dd>
                    <dd><a href="#"> 订单操作</a></dd>
                </dl>
                <dl>




                    <dt> <a href="#">服务支持</a></dt>
                    <dd><a href="#">售后政策</a></dd>
                    <dd> <a href="#">自助服务</a></dd>
                    <dd> <a href="#">相关下载</a></dd>
                </dl>
                <dl>

                    <dt> 线下门店</dt>
                    <dd><a href="#">小米之家</a></dd>
                    <dd><a href="#"> 服务网点</a></dd>
                    <dd><a href="#"> 授权体验店</a></dd>
                </dl>
                <dl>
                    <dt>关于小米</dt>
                    <dd><a href="#">了解小米</a></dd>
                    <dd><a href="#"> 加入小米</a></dd>
                    <dd><a href="#">投资者关系</a> </dd>
                    <dd> <a href="#">企业社会责任</a></dd>
                    <dd> <a href="#">廉洁举报</a></dd>
                </dl>
                <dl>
                    <dt> 关注我们</dt>
                    <dd><a href="#">新浪微博</a></dd>
                    <dd><a href="#"> 官方微信</a></dd>
                    <dd><a href="#"> 联系我们</a></dd>
                    <dd><a href=""> 公益基金会</a></dd>
                </dl>
                <dl>
                    <dt> 特色服务</dt>
                    <dd><a href="">F 码通道</a></dd>
                    <dd><a href=""> 礼物码</a></dd>
                    <dd><a href="#"> 防伪查询</a></dd>
                </dl>
                <div class="footer-help-right">
                    <h3 style="color:#ff6709;font-size:23px;">400-400-400</h3>
                    <p>8:00-18:00(仅收市话费)</p>
                    <a href="">人工客服</a>
                    <p>关注我</p>
                </div>
            </div>
        </div>
        <div class="footer-into">
            <div class="footer-into-box w">
                <div class="footer-logo">
                    <img src="../images/mi-logo.png" alt="">
                </div>
                <div class="footer-text">
                    <p><a href="">小米商城 | MIUI | 米家 | 米聊 | 多看 | 游戏 | 政企服务 | 小米天猫店 | 小米集团隐私政策 | 小米公司儿童信息保护规则 |
                            小米商城隐私政策 |
                            小米商城用户协议 | 问题反馈 | Select Location</a></p>
                    <p>
                        <a href=" ">北京互联网法院法律服务工作站 |</a>
                        <a href="">中国消费者协会 |</a>
                        <a href="">北京市消费者协会</a>
                    </p>
                    <p id="p" style="color:#ccc">
                        ©
                        <a href="">mi.com</a>
                        京ICP证110507号
                        <a href="">京ICP备10046444号</a> <a href="">京公网安备11010802020134号</a> <a
                            href="">京网文[2020]0276-042号</a> <br> <a href="">（京）网械平台备字（2018）第00005号</a> <a
                            href="">互联网药品信息服务资格证
                            (京)-非经营性-2014-0090</a> <a href="">营业执照</a> <a href="">医疗器械质量公告</a> <br> <a
                            href="">增值电信业务许可证</a>&nbsp;网络食品经营备案 京食药网食备202010048 &nbsp;
                        <a href="">食品经营许可证</a> <br>
                        违法和不良信息举报电话：171-5104-4404&nbsp;<a href="">知识产权侵权投诉</a>&nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                    </p>
                </div>

            </div>
            <div class="footer-bg">

                <img src="../images/footer.png" alt="">
            </div>
        </div>
    </div>
</body>

</html>